<template>
  <div class="attrs3">
    <h1>这里是最小的组件(孙子组件)</h1>
    <h4>a:{{ a }}</h4>
    <h4>b:{{ b }}</h4>
    <h4>c:{{ c }}</h4>
    <h4>d:{{ d }}</h4>
    <h4>x:{{ x }}</h4>
    <h4>y:{{ y }}</h4>
    <button @click="updateA(666)">点我更新A</button>
  </div>
</template>
<script lang="ts" setup>
import { ref } from "vue";
defineProps(["a", "b", "c", "d", "x", "y", "updateA"]);
</script>
<style scoped>
.attrs3 {
  width: 80vw;
  height: 80vh;
  border: 1px solid red;
}
</style>
